<!DOCTYPE html>
<html>

	<head>
		<title>结算订单</title>
		<!-- Unresponsive -->
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!--[if (lte IE 8) ]> <script type="text/javascript">location.href="upgrade.html";</script> <![endif]-->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/frontend.css" />

		<script src="js/jquery.js"></script>
		<!--<script src="js/jquery.lazyload.min.js"></script>-->
		<script src="js/bootstrap.min.js"></script>
		<script src="js/global.js"></script>
		<!--<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon" />-->

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
		<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="hx2top">
			<div class="container">
				<div class="row">
					<div class="col-xs-4">
						<div class="pt15">
							<a href="index.html" class="ydilogo">
								<img src="img/logo_xdyb_sm.jpg" class="gkimg" />
							</a>
							<div class="gieie">
								<a href="#">
									<img src="img/dp-logo.jpg" class="alnk" />
								</a>
							</div>
							<div class="ieo2i">
								<div class="huioke">
									<a href="#">彩田路肉菜市场</a>
								</div>
								<div class="pt5">
									<span class="sieo">
										授权经销商
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="pt20">
							<div class="mx03">
								<button class="dhsour">搜索</button>
								<input placeholder="搜索 本店生鲜肉菜供应" type="text" />
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="mx04">
							<div class="mx05">
								<a class="mx06" href="index.html">海岸城生鲜超市</a>
							</div>
							<div class="mx07">
								<a href="cart.html">购物车</a>
								<span>|</span>
								<a href="user-address.html">我的账户</a>
								<span>|</span>
								<a href="#">安全退出</a>
							</div>
						</div>
						<div class="mx04_1">
							<a href="mycredit.html" class="mx_ei3o">
								<div class="mx04_13">
									<span>我的授信：</span>
									<strong>120000/240000</strong>
								</div>
								<div>
									<div class="progress">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
											50%
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="zwtmblk-wp">
			<div class="container zwtmblk">
				<div class="row">
					<div class="col-xs-2">
						<div class="cate-lav-inner">
							<div class="cate-lav-ie">
								<div class="cate-lav-sdh">
									<div class="cate-lav-gidt1">
										<a href="#">国产水果</a>
									</div>
									<div class="pad-15">
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">火龙果</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">时令水果</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">柚子</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">橙子</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">苹果</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">香蕉</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">荔枝</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">葡萄</a>
									</span>
									</div>
								</div>

								<a href="javascript:void(0)" class="cate-lav-bgtt">
									<strong>全部商品分类</strong>
									<span class="iconfont icon-angledown cate-lav-srh"></span>
								</a>
								<div class="cate-lav-ul">

									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>国产水果</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>禽类蛋品</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>精选肉类</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>海鲜水产</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>乳品糕点</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-10">

					</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="sunnytct ntp">
						<span class="t1">结算订单</span>
						<span class="t2">Checkout</span>
					</div>
					<div class="checkotbf">
						<div class="tt">收货信息</div>
						<div class="itms">
							<div class="itm">
								<div class="nmm">张超</div>
								<div>18873748859</div>
								<div>广东省 深圳市 福田区 卓越商会广场12B</div>
								<span class="cls iconfont icon-iconfontclose"></span>
								<span class="iconfont icon-iconfontcheck"></span>
							</div>
							<div class="itm">
								<div class="nmm">张超</div>
								<div>18873748859</div>
								<div>广东省 深圳市 福田区 卓越商会广场12B</div>
								<span class="cls iconfont icon-iconfontclose"></span>
								<span class="iconfont icon-iconfontcheck"></span>
							</div>
							<div class="itm selected">
								<div class="nmm">张超</div>
								<div>18873748859</div>
								<div>广东省 深圳市 福田区 卓越商会广场12B</div>
								<span class="cls iconfont icon-iconfontclose"></span>
								<span class="iconfont icon-iconfontcheck"></span>
							</div>
							<div class="itm addnew" data-toggle="modal" data-target="#myModal">
								<div class="addsimg">+</div>
								<div>添加地址</div>
							</div>

						</div>
					</div>
					
					
					<table class="carttb" style="margin-bottom:30px;">
						<thead>
							<th class="col1">商品名称</th>
							<th></th>
							<th>单价</th>
							<th>数量</th>
							<th style="text-align: right;">小计</th>
						</thead>
						<tbody>
							<tr>
								<td>
									<a href="product.html" target="_blank" style="background-image: url(img/slide/zhurou03.jpg);" class="josmimg"></a>
								</td>
								<td>
									<a href="product.html" target="_blank" class="jostxt">优质五花肉</a>
								</td>
								<td>
									<div class="josprice">
										¥ 28.00
									</div>
								</td>
								<td>
									<div class="josunit">
										20
									</div>
								</td>
								<td>
									<div class="summeryprice">
										¥ 560.00
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<a href="product.html" target="_blank" style="background-image: url(img/slide/zhurou02.jpg);" class="josmimg"></a>
								</td>
								<td>
									<a href="product.html" target="_blank" class="jostxt">优质五花肉</a>
								</td>
								<td>
									<div class="josprice">
										¥ 28.00
									</div>
								</td>
								<td>
									<div class="josunit">
										20
									</div>
								</td>
								<td>
									<div class="summeryprice">
										¥ 560.00
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<a href="product.html" target="_blank" style="background-image: url(img/slide/zhurou01.jpg);" class="josmimg"></a>
								</td>
								<td>
									<a href="product.html" target="_blank" class="jostxt">优质五花肉</a>
								</td>
								<td>
									<div class="josprice">
										¥ 28.00
									</div>
								</td>
								<td>
									<div class="josunit">
										20
									</div>
								</td>
								<td>
									<div class="summeryprice">
										¥ 560.00
									</div>
								</td>
							</tr>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="2">
									共 1 件商品，已选择 1 件商品总计：<span style="color:#5cb85c;font-weight:bold;">¥ 1680.00</span>，运费：<span style="color:#5cb85c;font-weight:bold;">￥1680.00</span>
								</td>
								<td style="text-align:right;"></td>

								<td colspan="2" style="text-align:right">
									应付金额：<span style="color:#5cb85c;font-weight:bold;">￥1736.00</span>
								</td>
							</tr>
						</tfoot>
					</table>
					<div style="margin-bottom:50px;text-align: right;">
						<button class="btn btn-success" style="width:150px;" onclick="location.href='checkout.html'">前往支付</button>
					</div>
				</div>
			</div>
		</div>
		

		<div class="pagebottom">
			<div class="container tcg1">
				<div class="row">
					<div class="col-xs-8">
						此处填写备案号等文字 Copyright © 2014-2016 XIANDUYIBAI Inc. All rights reserved.
					</div>
					<div class="col-xs-4 text-right">
						<div class="t1">24小时全国服务热线</div>
						<div class="qgrx">400-888-8888</div>
					</div>
					<!--<div class="col-xs-2">
						<a href="#" class="iconfont icon-unie61d weibo_bt"></a>
						<a href="#" class="iconfont icon-weixin weixin_bt"></a>
					</div>-->
				</div>
			</div>

		</div>

		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document" style="width: 400px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">添加地址</h4>
					</div>
					<div class="modal-body" style="padding-bottom:0;">
						<div>
							<input type="text" placeholder="收件人姓名" />
							<div class="clear-15"></div>
							<input type="text" placeholder="手机/电话" />
							<div class="clear-15"></div>
							<input type="text" placeholder="收件地址 省/市/区/ 门牌号码" />
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-dismiss="modal">保存</button>
					</div>
				</div>
			</div>
		</div>

		<!-- /container -->
		<script type="text/javascript">
			$(document).ready(function() {

				// 顶部banner动画
				$(window).scroll(function() {
					if($(window).scrollTop() <= 150) {
						$('.nxtopbanner').removeClass('topped');
					} else {
						$('.nxtopbanner').addClass('topped');
					}

				});

				// 顶部banner内部的hover事件
				$('.mdcontent .uln li').mouseenter(function() {
					var $this = $(this);
					$this.siblings('li').addClass('ignor');
					$this.removeClass('ignor');
				});
				$('.mdcontent .uln li').mouseleave(function() {
					$('.mdcontent .uln li').removeClass('ignor');
				});

				$(window).scroll(function() {
					if($(window).scrollTop() <= 600) {
						$('.btfixprodthumb').removeClass('displayed');
					} else {
						$('.btfixprodthumb').addClass('displayed');
					}

				});

				// 选择地址
				$('.checkotbf .itm').click(function() {
					var $this = $(this);
					if(!$this.hasClass('addnew')) {
						$this.addClass('selected').siblings('.itm').removeClass('selected');
					}
				});
			});
		</script>

	</body>

</html>